<template>
	<a v-link="info.path === '/' ? {path: info.path, exact: true} : info.path">{{info.name}}</a>
</template>
<script>
	import {updateTitle} from './../vuex/action'

	export default {
		props: ['info'],
		vuex: {
			actions: {
				updateTitle
			}
		}
	}
</script>
<style scoped>
	a{
		text-decoration: none;
		display: block;
		padding: 7px 0;
		flex: 1;
		/*border-top-right-radius: 10px;
		border-top-left-radius: 10px;*/
	}
	.active {
		background-color: #26a2ff;
		color: #FFF;
	}
</style>